<template>
	
	<view class="big1">
		<view class="title1">
			其他
		</view>
		
		
		<u-swipe-action class="huadong" v-for="(item,index) in 3">
		        <u-swipe-action-item
		          :options="options1">
		          <view class="swipe-action u-border-top u-border-bottom">
		            <view class="swipe-action__content">
		             <!-- <text class="swipe-action__content__text">基础使用</text> -->
					 <view class="price">
					 	<label>
					 			<checkbox class="checkbox"/>
					 		<u--image :showLoading="true" :src="src" width="150rpx" height="150rpx" class="img"></u--image>
					 		<view class="left">
					 			<text class="name">爆款背心</text>
					 			<text class="money"><big>￥</big>49.9</text>
					 		</view>
					 	</label>
					 	<u-number-box :v-bind="value" @change="valChange" class="num"></u-number-box>
					 </view>
		            </view>
		          </view>
		        </u-swipe-action-item>
		      </u-swipe-action>
			  
			  
			  
		
		
		
		
	</view>
</template>

<script>
	export default {
			data() {
				return {
					src: 'https://cdn.uviewui.com/uview/album/1.jpg',
					value: 0,
					options1: [{
					                    text: '删除'
					                }],
					Data:{
						
					}
				}
			},
			methods: {
						valChange(e) {
							// console.log('当前值为: ' + e.value)
						}
					}
		}
</script>

<style lang="less">
	page{
		background-color: #ffffff;
	}
	*{
		padding: 0;
		margin: 0;
	}
	.title1{
		text-align: left;
		width: 100%;
		font-size: 24rpx;
		color: #999;
	}
	.big1{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		height: 100%;
		padding: 15rpx;
	}
	.price{
		height: 150rpx;
		width: 93%;
		background-color: #f2f2f2;
		border-radius: 5rpx;
		padding: 20rpx;
		position: relative;
	}
	.checkbox{
		// display:inline-block;
		width: 30rpx !important;
		height: 30rpx;
		border-radius: 20rpx;
		float: left;
		margin-top: 63rpx;
		margin-right: 20rpx;
	}
	.img{
		float: left;
		margin-right: 20rpx;
		border-radius: 10rpx;
	}
	.left{
		float: left;
		height:150rpx;
		position: relative;
	}
	.name{
		display: inline-block;
		margin-top: 10rpx;
		font-size: 20rpx;
	}
		
	.money{
		display: inline-block;
		position: absolute;
		bottom: 10rpx;
		left: 0;
		color: red;
		font-size: 18rpx;
	}
	.num{
		position: absolute;
		bottom: 20rpx;
		right: 20rpx;
		zoom: 1.5;
	}
	.huadong{
	    width: 100%!important;
		padding: 0!important;
		margin: 10rpx 0rpx;
	}
		
	.swipe-action__content{
		background-color: #f2f2f2;
	} 
	 
	
	    
	
	    
</style>
